<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no"
          name="viewport">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>

    <link rel="stylesheet" href="../../../css/common.css">
    <link rel="stylesheet" href="./css/pingpurili.css">
</head>

<body>

<div class="container rili_bg">
    <div class="col-md-6 rili">


        <!-- 账户主要表格 -->
        <div class="account-box">
            <h2 class="account-title">
                <span class="left c3">数据产品</span>
                <a class="f-btn-fhby right">返回本月</a>
                <div class="clearfix right">
                    <div class="f-btn-jian left">&lt;</div>
                    <div class="left f-riqi"><span class="f-year">2017</span>年<span class="f-month">1</span>月</div>
                    <div class="f-btn-jia left">&gt;</div><!-- 一定不能换行-->
                </div>
            </h2>
            <div class="f-rili-table">
                <div class="f-rili-head celarfix">
                    <div class="f-rili-th">周日</div>
                    <div class="f-rili-th">周一</div>
                    <div class="f-rili-th">周二</div>
                    <div class="f-rili-th">周三</div>
                    <div class="f-rili-th">周四</div>
                    <div class="f-rili-th">周五</div>
                    <div class="f-rili-th">周六</div>
                    <div class="clear"></div>
                </div>
                <div class="f-tbody clearfix">

                </div>
            </div>
        </div>
    </div>

    <div class="col-md-4 col-md-offset-2 todayData">
        <div class="title">
            当天数据信息
        </div>
        <div class="content">
            <ul>
                <li><a href="#">背景站空气质量日均值背景站空气质量季度均值</a></li>
                <li><a href="#">背景站空气质量日均值背景站空气质量季度均值</a></li>
                <li><a href="#">背景站空气质量日均值背景站空气质量季度均值</a></li>
                <li><a href="#">背景站空气质量日均值背景站空气质量季度均值</a></li>
                <li><a href="#">背景站空气质量日均值背景站空气质量季度均值</a></li>
            </ul>
        </div>
    </div>

<div class="col-md-12">
    这里放检索条件
</div>

    <div class="col-md-12">
        <div class="col-md-3">
            <div class="prolist">
                <div class="prolistTitle">背景站空气质量日均值</div>
                <div class="col-xs-8">
                    <ul class="prolistContent">
                        <li>2017-11-13</li>
                        <li>超级站产品</li>
                        <li>空气质量数据产品</li>
                    </ul>
                </div>
                <div class="col-xs-4 pt12 ml12">
                    <button type="button" class="btn btn-primary-only ">详情</button>
                    <button type="button" class="btn btn-primary-only ">进入</button>
                </div>

            </div>
        </div>



        <div class="col-md-3">
            <div class="prolist">
                <div class="prolistTitle">背景站空气质量日均值</div>
                <div class="col-xs-8">
                    <ul class="prolistContent">
                        <li>2017-11-13</li>
                        <li>超级站产品</li>
                        <li>空气质量数据产品</li>
                    </ul>
                </div>
                <div class="col-xs-4 pt12 ml12">
                    <button type="button" class="btn btn-primary-only ">详情</button>
                    <button type="button" class="btn btn-primary-only ">进入</button>
                </div>

            </div>
        </div>

        <div class="col-md-3">
            <div class="prolist">
                <div class="prolistTitle">背景站空气质量日均值</div>
                <div class="col-xs-8">
                    <ul class="prolistContent">
                        <li>2017-11-13</li>
                        <li>超级站产品</li>
                        <li>空气质量数据产品</li>
                    </ul>
                </div>
                <div class="col-xs-4 pt12 ml12">
                    <button type="button" class="btn btn-primary-only ">详情</button>
                    <button type="button" class="btn btn-primary-only ">进入</button>
                </div>

            </div>
        </div>

        <div class="col-md-3">
            <div class="prolist">
                <div class="prolistTitle">背景站空气质量日均值</div>
                <div class="col-xs-8">
                    <ul class="prolistContent">
                        <li>2017-11-13</li>
                        <li>超级站产品</li>
                        <li>空气质量数据产品</li>
                    </ul>
                </div>
                <div class="col-xs-4 pt12 ml12">
                    <button type="button" class="btn btn-primary-only ">详情</button>
                    <button type="button" class="btn btn-primary-only ">进入</button>
                </div>

            </div>
        </div>

        <div class="col-md-3">
            <div class="prolist">
                <div class="prolistTitle">背景站空气质量日均值</div>
                <div class="col-xs-8">
                    <ul class="prolistContent">
                        <li>2017-11-13</li>
                        <li>超级站产品</li>
                        <li>空气质量数据产品</li>
                    </ul>
                </div>
                <div class="col-xs-4 pt12 ml12">
                    <button type="button" class="btn btn-primary-only ">详情</button>
                    <button type="button" class="btn btn-primary-only ">进入</button>
                </div>

            </div>
        </div>

    </div>
</div>
</body>

<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="js/pingpurili.js"></script>

</html>